<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/content.css">
</head>
<body>
    <div class="nav">
        <img src="../img/logo.jpg" alt="">
        <span>我的博客系统</span>
        <span class="space"></span>
        <a href="blog_list.html">主页</a>
        <a href="blog_edit.html">写博客</a>
        <a href="https://www.baidu.com/">注销</a>
    </div>
    <div class="container">
        <div class="container-left">
            <!-- 个人信息 -->
            <div class="card">
                <img src="../img/touxiang.webp" alt="">
                <h3>Dklau</h3>
                <a href="https://gitee.com/">github地址</a>
                <div class="counter">
                    <span>文章</span>
                    <span>分类</span>
                </div>
                <div class="counter">
                    <span>1</span>
                    <span>2</span>
                </div>
            </div>
        </div>
        <div class="container-right">
            <!-- 博客列表 -->
            <div class="blog">
                <div class="title">
                    这是第一篇博客
                </div>
                <div class="date">
                    2025-05-20
                </div>
                <div class="desc">
                    <p>
                        这是博客信息Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo error, modi exercitationem cupiditate, dolorem repudiandae fugiat sint nesciunt eveniet iste perferendis quis eligendi. Quis similique, reiciendis illo dolore quibusdam sint?
                    </p>
                    <p>
                        这是博客信息Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo error, modi exercitationem cupiditate, dolorem repudiandae fugiat sint nesciunt eveniet iste perferendis quis eligendi. Quis similique, reiciendis illo dolore quibusdam sint?这是博客信息Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo error, modi exercitationem cupiditate, dolorem repudiandae fugiat sint nesciunt eveniet iste perferendis quis eligendi. Quis similique, reiciendis illo dolore quibusdam sint?这是博客信息Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo error, modi exercitationem cupiditate, dolorem repudiandae fugiat sint nesciunt eveniet iste perferendis quis eligendi. Quis similique, reiciendis illo dolore quibusdam sint?这是博客信息Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo error, modi exercitationem cupiditate, dolorem repudiandae fugiat sint nesciunt eveniet iste perferendis quis eligendi. Quis similique, reiciendis illo dolore quibusdam sint?这是博客信息Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo error, modi exercitationem cupiditate, dolorem repudiandae fugiat sint nesciunt eveniet iste perferendis quis eligendi. Quis similique, reiciendis illo dolore quibusdam sint?这是博客信息Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo error, modi exercitationem cupiditate, dolorem repudiandae fugiat sint nesciunt eveniet iste perferendis quis eligendi. Quis similique, reiciendis illo dolore quibusdam sint?
                    </p>
                    <p>
                        这是博客信息Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo error, modi exercitationem cupiditate, dolorem repudiandae fugiat sint nesciunt eveniet iste perferendis quis eligendi. Quis similique, reiciendis illo dolore quibusdam sint?这是博客信息Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo error, modi exercitationem cupiditate, dolorem repudiandae fugiat sint nesciunt eveniet iste perferendis quis eligendi. Quis similique, reiciendis illo dolore quibusdam sint?这是博客信息Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo error, modi exercitationem cupiditate, dolorem repudiandae fugiat sint nesciunt eveniet iste perferendis quis eligendi. Quis similique, reiciendis illo dolore quibusdam sint?这是博客信息Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo error, modi exercitationem cupiditate, dolorem repudiandae fugiat sint nesciunt eveniet iste perferendis quis eligendi. Quis similique, reiciendis illo dolore quibusdam sint?这是博客信息Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo error, modi exercitationem cupiditate, dolorem repudiandae fugiat sint nesciunt eveniet iste perferendis quis eligendi. Quis similique, reiciendis illo dolore quibusdam sint?这是博客信息Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo error, modi exercitationem cupiditate, dolorem repudiandae fugiat sint nesciunt eveniet iste perferendis quis eligendi. Quis similique, reiciendis illo dolore quibusdam sint?
                    </p>
                    <p>
                        这是博客信息Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo error, modi exercitationem cupiditate, dolorem repudiandae fugiat sint nesciunt eveniet iste perferendis quis eligendi. Quis similique, reiciendis illo dolore quibusdam sint?这是博客信息Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo error, modi exercitationem cupiditate, dolorem repudiandae fugiat sint nesciunt eveniet iste perferendis quis eligendi. Quis similique, reiciendis illo dolore quibusdam sint?这是博客信息Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo error, modi exercitationem cupiditate, dolorem repudiandae fugiat sint nesciunt eveniet iste perferendis quis eligendi. Quis similique, reiciendis illo dolore quibusdam sint?这是博客信息Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo error, modi exercitationem cupiditate, dolorem repudiandae fugiat sint nesciunt eveniet iste perferendis quis eligendi. Quis similique, reiciendis illo dolore quibusdam sint?这是博客信息Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo error, modi exercitationem cupiditate, dolorem repudiandae fugiat sint nesciunt eveniet iste perferendis quis eligendi. Quis similique, reiciendis illo dolore quibusdam sint?这是博客信息Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo error, modi exercitationem cupiditate, dolorem repudiandae fugiat sint nesciunt eveniet iste perferendis quis eligendi. Quis similique, reiciendis illo dolore quibusdam sint?
                    </p>
                    <p>
                        这是博客信息Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo error, modi exercitationem cupiditate, dolorem repudiandae fugiat sint nesciunt eveniet iste perferendis quis eligendi. Quis similique, reiciendis illo dolore quibusdam sint?这是博客信息Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo error, modi exercitationem cupiditate, dolorem repudiandae fugiat sint nesciunt eveniet iste perferendis quis eligendi. Quis similique, reiciendis illo dolore quibusdam sint?这是博客信息Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo error, modi exercitationem cupiditate, dolorem repudiandae fugiat sint nesciunt eveniet iste perferendis quis eligendi. Quis similique, reiciendis illo dolore quibusdam sint?这是博客信息Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo error, modi exercitationem cupiditate, dolorem repudiandae fugiat sint nesciunt eveniet iste perferendis quis eligendi. Quis similique, reiciendis illo dolore quibusdam sint?这是博客信息Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo error, modi exercitationem cupiditate, dolorem repudiandae fugiat sint nesciunt eveniet iste perferendis quis eligendi. Quis similique, reiciendis illo dolore quibusdam sint?这是博客信息Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo error, modi exercitationem cupiditate, dolorem repudiandae fugiat sint nesciunt eveniet iste perferendis quis eligendi. Quis similique, reiciendis illo dolore quibusdam sint?
                    </p>
                    <p>
                        这是博客信息Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo error, modi exercitationem cupiditate, dolorem repudiandae fugiat sint nesciunt eveniet iste perferendis quis eligendi. Quis similique, reiciendis illo dolore quibusdam sint?这是博客信息Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo error, modi exercitationem cupiditate, dolorem repudiandae fugiat sint nesciunt eveniet iste perferendis quis eligendi. Quis similique, reiciendis illo dolore quibusdam sint?这是博客信息Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo error, modi exercitationem cupiditate, dolorem repudiandae fugiat sint nesciunt eveniet iste perferendis quis eligendi. Quis similique, reiciendis illo dolore quibusdam sint?这是博客信息Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo error, modi exercitationem cupiditate, dolorem repudiandae fugiat sint nesciunt eveniet iste perferendis quis eligendi. Quis similique, reiciendis illo dolore quibusdam sint?这是博客信息Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo error, modi exercitationem cupiditate, dolorem repudiandae fugiat sint nesciunt eveniet iste perferendis quis eligendi. Quis similique, reiciendis illo dolore quibusdam sint?这是博客信息Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo error, modi exercitationem cupiditate, dolorem repudiandae fugiat sint nesciunt eveniet iste perferendis quis eligendi. Quis similique, reiciendis illo dolore quibusdam sint?
                    </p>
                    <p>
                        这是博客信息Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo error, modi exercitationem cupiditate, dolorem repudiandae fugiat sint nesciunt eveniet iste perferendis quis eligendi. Quis similique, reiciendis illo dolore quibusdam sint?这是博客信息Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo error, modi exercitationem cupiditate, dolorem repudiandae fugiat sint nesciunt eveniet iste perferendis quis eligendi. Quis similique, reiciendis illo dolore quibusdam sint?这是博客信息Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo error, modi exercitationem cupiditate, dolorem repudiandae fugiat sint nesciunt eveniet iste perferendis quis eligendi. Quis similique, reiciendis illo dolore quibusdam sint?这是博客信息Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo error, modi exercitationem cupiditate, dolorem repudiandae fugiat sint nesciunt eveniet iste perferendis quis eligendi. Quis similique, reiciendis illo dolore quibusdam sint?这是博客信息Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo error, modi exercitationem cupiditate, dolorem repudiandae fugiat sint nesciunt eveniet iste perferendis quis eligendi. Quis similique, reiciendis illo dolore quibusdam sint?这是博客信息Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo error, modi exercitationem cupiditate, dolorem repudiandae fugiat sint nesciunt eveniet iste perferendis quis eligendi. Quis similique, reiciendis illo dolore quibusdam sint?
                    </p>
                    <p>
                        这是博客信息Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo error, modi exercitationem cupiditate, dolorem repudiandae fugiat sint nesciunt eveniet iste perferendis quis eligendi. Quis similique, reiciendis illo dolore quibusdam sint?这是博客信息Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo error, modi exercitationem cupiditate, dolorem repudiandae fugiat sint nesciunt eveniet iste perferendis quis eligendi. Quis similique, reiciendis illo dolore quibusdam sint?这是博客信息Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo error, modi exercitationem cupiditate, dolorem repudiandae fugiat sint nesciunt eveniet iste perferendis quis eligendi. Quis similique, reiciendis illo dolore quibusdam sint?这是博客信息Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo error, modi exercitationem cupiditate, dolorem repudiandae fugiat sint nesciunt eveniet iste perferendis quis eligendi. Quis similique, reiciendis illo dolore quibusdam sint?这是博客信息Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo error, modi exercitationem cupiditate, dolorem repudiandae fugiat sint nesciunt eveniet iste perferendis quis eligendi. Quis similique, reiciendis illo dolore quibusdam sint?这是博客信息Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo error, modi exercitationem cupiditate, dolorem repudiandae fugiat sint nesciunt eveniet iste perferendis quis eligendi. Quis similique, reiciendis illo dolore quibusdam sint?
                    </p>
                    <p>
                        这是博客信息Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo error, modi exercitationem cupiditate, dolorem repudiandae fugiat sint nesciunt eveniet iste perferendis quis eligendi. Quis similique, reiciendis illo dolore quibusdam sint?这是博客信息Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo error, modi exercitationem cupiditate, dolorem repudiandae fugiat sint nesciunt eveniet iste perferendis quis eligendi. Quis similique, reiciendis illo dolore quibusdam sint?这是博客信息Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo error, modi exercitationem cupiditate, dolorem repudiandae fugiat sint nesciunt eveniet iste perferendis quis eligendi. Quis similique, reiciendis illo dolore quibusdam sint?这是博客信息Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo error, modi exercitationem cupiditate, dolorem repudiandae fugiat sint nesciunt eveniet iste perferendis quis eligendi. Quis similique, reiciendis illo dolore quibusdam sint?这是博客信息Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo error, modi exercitationem cupiditate, dolorem repudiandae fugiat sint nesciunt eveniet iste perferendis quis eligendi. Quis similique, reiciendis illo dolore quibusdam sint?这是博客信息Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quo error, modi exercitationem cupiditate, dolorem repudiandae fugiat sint nesciunt eveniet iste perferendis quis eligendi. Quis similique, reiciendis illo dolore quibusdam sint?
                    </p>
                </div>
            </div>
        </div>
</body>
</html>